<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-ua-compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title></title>
		<style>
			body,h1,fieldset,input{margin:0;padding:0;}
			.container{
				margin:50px auto;
				width:500px;
				height:700px;
				border:1px solid transparent;
				background-color: #515151;
			}
			.container h1{
				color:#fff;
				text-align:center;
				margin:20px 0;
			}
			.container .fahuodan{
				margin:0 20px;
				width:420px;
				height:95px;
				color:#fff;
				padding:20px;
			}
			.container .fahuodan input{
				width:120px;
				height:20px;
			}
			.container .fahuodan .people{
				margin-right:20px;
			}
			.container .fahuodan .adress{
				margin-right:20px;
				margin-left:7px;
			}
			.container .fahuodan .tel{
				margin:20px 20px 0 16px;
			}
			.container .fahuodan .Zip-code{
				margin:0 8px;
			}
			.container .shouhuodan{
				margin:30px 20px;
				width:420px;
				height:190px;
				color:#fff;
				padding:20px;
			}
			.container .shouhuodan input{
				width:120px;
				height:20px;
			}
			.container .shouhuodan .people{
				margin-right:20px;
			}
			.container .shouhuodan .adress{
				margin-right:20px;
				margin-left:7px;
			}
			.container .shouhuodan .tel{
				margin:20px 20px 0 16px;
			}
			.container .shouhuodan .Zip-code{
				margin:0 8px;
			}
			.container .shouhuodan #adress-1{
				margin:20px 285px 0 10px;
			}
			.container .shouhuodan .Packing{
				margin:20px 0 0 65px;
				width:10px;
				height:10px;
			}
			.container .shouhuodan .box{
				width:10px;
				height:10px;
			}
			.container .shouhuodan .else{
				margin-right:127px;
			}
				.container .shouhuodan .cash{
				width:10px;
				height:10px;
				margin:25px 0 0 20px;
			}
			.container .shouhuodan .zhi{
				width:10px;
				height:10px;
			}
			.container .huowu{
				margin:0 20px;
				width:420px;
				height:95px;
				padding:20px;
				color:#fff;
			}
			.container .huowu .goods{
				margin:0 10px 10px 10px;
				width:300px;
				height:20px;
				
			}
			.container .huowu .number{
				margin-left:45px;
				width:35px;
				height:15px;
			}
			.container .huowu .weight{
				width:35px;
				height:15px;
			}
			.container .huowu .time{
				width:100px;
				height:15px;
			}
			.container .determine{
				position:relative;
				top:12px;
				left:213px;
			}
			.container .cancel{
				position:relative;
				top:12px;
				left:223px;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<h1>增加快递信息</h1>
			<fieldset class='fahuodan'>
				<legend>发货单</legend>
				发货人：<input class='people' type="text" name='people'>
				地址：<input class='adress' type="text" name='adress'>
				电话：<input class='tel' type="text" name='tel'>
				邮编：<input class='Zip-code' type="text" name='Zip-code'>
			</fieldset>
			<fieldset class='shouhuodan'>
				<legend>收货单</legend>
				收货人：<input class='people' type="text" name='people'>
				地址：<input class='adress' type="text" name='adress'>
				电话：<input class='tel' type="text" name='tel'>
				邮编：<input class='Zip-code' type="text" name='Zip-code'>
				地区：
					<select name="data" id="adress-1">
						<option value="1">北京</option>
						<option value="2">上海</option>
						<option value="3">重庆</option>
						<option value="4">深圳</option>
						<option value="5">黑龙江</option>
						<option value="6">新疆</option>
					</select>
					包装:
					<input class='Packing' type="radio" name='Packing' value='0'>纸箱
					<input class='box' type="radio" name='box' value='0'>木箱
					<input class='box' type="radio" name='box' value='0'>快递
					<input class='box' type="radio" name='box' value='0'><span class='else'>其他</span>
					付款方式：
					<input class='cash' type="radio" name='cash' value='0'>现金
					<input class='zhi' type="radio" name='zhi' value='0'>支付宝
					<input class='zhi' type="radio" name='zhi' value='0'>网银
					<input class='zhi' type="radio" name='zhi' value='0'>ATM
			</fieldset>
			<fieldset class='huowu'>
				<legend>货物信息</legend>
				货物名称：
				<input class='goods' type="text" name='goods'>
				数量：<input class='number' type="text" name='number'>
				重量：<input class='weight' type="text" name='weight'>
				发货时间：<input class='time' type="text" name='time'>
			</fieldset>
			<input class='determine' type="button" name='determine' value='确定'>
			<input class='cancel' type="button" name='cancel' value='取消'>
		</div>
	</body>
</html>
